.index{background-color:#fff;padding-bottom:50rpx;
    .bar{width:100%;height:30rpx;background-color:#eee}

    .isNewMan{color:#ce443c;font-size:28rpx;font-weight:bold;padding:30rpx;box-sizing:border-box;}

    .mainImage{margin:30rpx 0;
        .title{padding:0 30rpx;box-sizing:border-box;font-size:28rpx;font-weight:bold;color:#333;margin-bottom:20rpx;}
        .addBtn{width:100%;display:flex;justify-content:center;
            .inner{width:400rpx;height:400rpx;background-color:#eee;border-radius:40rpx;display:flex;justify-content:center;align-items:center;font-size:28rpx;font-weight:bold;color:#333;transition:.2s}
            .inner_hover{transform:scale(0.98)}
            image{width:400rpx;height:400rpx;border-radius:40rpx;}
        }
    }

    .swiper{padding:30rpx 0;
        .title{padding:0 30rpx;box-sizing:border-box;font-size:28rpx;font-weight:bold;color:#333;margin-bottom:20rpx;display:flex;justify-content:space-between;
            .addBtn{font-weight:500;color:#FA5151;font-size:24rpx;}
        }
        swiper{overflow:hidden;height:335rpx;
            swiper-item{padding:0 30rpx;box-sizing:border-box;height:335rpx;
                .addImage{width:100%;height:100%;background-color:#eee;border-radius:40rpx;display:flex;align-items:center;justify-content:center;font-size:28rpx;color:#333;font-weight:bold;transition:.2s}
                .addImage_hover{transform:scale(0.95)}
            }
        }
        .img{width:670rpx;height:335rpx;border-radius:40rpx;overflow:hidden;position:relative;
            image{width:100%;border-radius:20px;}
            .deleteBtn{position:absolute;right:30rpx;top:30rpx;font-size:24rpx;font-weight:bold;color:#333;background-color:#eee;padding:10rpx 20rpx;border-radius:10rpx;transition:.2s;box-shadow:0 0 5rpx rgba(0,0,0,0.2);}
            .deleteBtn_hover{transform:scale(0.9);}
        }
        
    }

    .giftInfo{width:100%;padding:30rpx;box-sizing:border-box;
        .rewardList{
            .name{position:relative;font-size:32rpx;color:#2D3057;font-weight:bold;
                text{font-size:24rpx;color:#bdbdbd;font-weight:400}
                .deleteBtn{position:absolute;right:0;top:0;bottom:0;
                    image{width:48rpx;height:48rpx;border-radius:8rpx;transition:.2s}
                }
                .deleteBtn_hover image{background-color:#eee;transform:scale(0.9);}
            } 
        }
        .addReward{width:100%;display:flex;margin-top:20rpx;
            .btn{font-size:24rpx;color:#333;font-weight:bold;padding:10rpx 20rpx;background-color:#eee;border-radius:8rpx;transition:.2s}
            .btn_hover{transform:scale(0.9)}
        }
        .ipt{width:100%;display:flex;flex-direction:column;box-sizing:border-box;border-radius:8rpx;position:relative;
            .title{font-size:28rpx;color:#333;margin-bottom:30rpx;font-weight:bold;}
            .input{margin-bottom:30rpx;}
            .tit{font-size:24rpx;color:#666;padding-bottom:10rpx;}
            .selectType{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:28rpx;margin-bottom:30rpx;border:solid 2rpx #eee;border-radius:8rpx;padding:10rpx 20rpx;box-sizing:border-box;transition:.2s;
                image{width:48rpx;height:48rpx;transform:rotate(180deg)}
                .had{display:flex;align-items:center;
                    .icon{margin-right:15rpx;margin-top:3rpx;}
                }
            }
            .selectType_hover{transform:scale(0.98);background-color:#eee;}
            input{border:solid 2rpx #eee;padding:10rpx 20rpx;border-radius:8rpx;}
            .name{width:70%;font-size:28rpx;color:#2D3057;}
            .num{display:flex;align-items:center;justify-content:space-between;font-size:24rpx;color:#999;
                .left{display:flex;align-items:flex-end;
                    input{margin-right:10rpx;color:#333}
                }
                
            }
            .handle{width:150rpx;margin-top:30rpx;
            .closeBtn{position:absolute;display:flex;right:30rpx;top:30rpx;border-radius:8rpx;transition:.2s;
                image{width:48rpx;height:48rpx;}
            }
            .closeBtn_hover{transform:scale(0.8);background-color:#eee;}
            }
        }
        
    }

    .task{width:100%;padding:30rpx;box-sizing:border-box;
        .title{font-size:28rpx;color:#333;margin-bottom:30rpx;font-weight:bold;}
        .list>view{margin-bottom:50rpx;}
        .list>view:last-child{margin-bottom:0;}
        .tit{font-size:24rpx;color:#666;padding-bottom:10rpx;}
        input{border:solid 2rpx #eee;padding:10rpx 20rpx;border-radius:8rpx;}
        .num{display:flex;align-items:center;justify-content:space-between;font-size:24rpx;color:#999;
            .left{display:flex;align-items:flex-end;
                input{margin-right:10rpx;color:#333}
            }
            
            
        }
        .followPublic{width:100%;
            .public,.setReplyContent{width:100%;display:flex;justify-content:center;height:70rpx;font-size:28rpx;line-height:70rpx;
                .left,.right{flex:1;color:#333}
                input{border:none;text-align:right;}
                .left{display:flex;align-items:center;
                    image{width:48rpx;height:48rpx;border-radius:48rpx;}
                    .name{padding-left:10rpx;font-weight:bold;}
                }
                .right{display:flex;justify-content:flex-end;color:#999}
            }
            .public{border-bottom:solid 2rpx #eee;transition:.2s;}
            .public_hover{transform:scale(0.99);background-color:#eee;border-radius:10rpx}
        }
    }
    
    .provider{width:100%;padding:0 30rpx;margin:30rpx 0;box-sizing:border-box;
        .title{font-size:28rpx;color:#333;margin-bottom:30rpx;font-weight:bold;display:flex;justify-content:space-between;align-items:center;
            .edit{font-weight:400;padding:10rpx 20rpx;transition:.2s;border-radius:8rpx;}
            .edit_hover{transform:scale(0.9);background-color:#eee}
        }
        .noProvider{width:100%;text-align:center;font-size:24rpx;color:#999}
        .info{display:flex;justify-content:space-between;position:relative;
            .event{width:100%;display:flex;justify-content:space-between;}
            .left{flex:1;display:flex;align-items:center;
                image{width:64rpx;height:64rpx;border-radius:8rpx;}
                .name{font-size:28rpx;font-weight:bold;color:#333;padding:0 20rpx;}
                .label{font-size:18rpx;color:#fff;background-color:#EB5757;font-weight:bold;padding:5rpx 10rpx;border-radius:10rpx;margin-top:5rpx;}
            }
            .right{display:flex;align-items:center;
                button{font-size:24rpx;color:#fff;font-weight:bold;background-color:#724DFF;transition:.2s;padding:0 20rpx;}
                button::after{border:none}
                .button-hover{transform:scale(0.9)}
                .removeBtn{width:48rpx;height:48rpx;padding-left:20rpx;
                    image{width:48rpx;height:48rpx;border-radius:8rpx;transition:.2s}
                }
                .removeBtn_hover image{transform:scale(0.9);background-color:#eee}
            }
        }
        .setProvider{width:100%;border-radius:8rpx;}
        .none{width:100%;height:100rpx;box-sizing:border-box;border-radius:8rpx;display:flex;justify-content:center;align-items:center;border:solid 2rpx #ce443c;font-weight:bold;color:#333;font-size:24rpx;transition:.2s;}
        .none_hover{transform:scale(0.98);background-color:#eee}
    }
    
    .addIntroduction{width:100%;padding:30rpx;box-sizing:border-box;position:relative;
        .title{font-size:28rpx;color:#333;margin-bottom:30rpx;font-weight:bold;}
        editor{width:100%;border:solid 2rpx #F6DFC9;border-radius:8rpx;padding:30rpx;box-sizing:border-box;font-size:28rpx;background-color:#FFF3E8;color:#CA9178}
    }

    .submit{padding:30rpx;box-sizing:border-box;}

}